@charset "UTF-8";

*, *::before, *::after{box-sizing:border-box;margin: 0;padding: 0;}

body{
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    justify-content: center;align-items:flex-start;flex-wrap: wrap;flex-direction: row;
    align-content:flex-start;
    user-select: none;
    width:100%;
    height:100vh;
    -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
    background-repeat: no-repeat;background-position: center;
    font-family: segoe sript;margin: 0;padding: 0;
    background:lightcoral;
    border:3px solid blue;
}

.header-container {
    display: flex;justify-content: center;align-items:center;flex-wrap: wrap;flex-direction: row;
    align-self: flex-start;
    width: 100vw;height:auto;
    background-color:lightslategray;
    border:3px solid green; 
}

.main-container{
    display: flex;justify-content: center;align-items:center;flex-wrap: wrap;flex-direction: row;
    width: 100%;height:auto;
    border:3px solid blue;
}

.main-container h2{
    display: flex;justify-content: center;align-items:center;flex-wrap: wrap;flex-direction: row;
    border:3px solid yellow;
}

.main-content {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(40vw,1fr));  
    grid-template-rows: auto auto;
    justify-content: center;align-items:center;flex-wrap: wrap;flex-direction: row;
    align-content: center;
    padding-top: 1em; 
    padding-bottom: 1em; 
    width: 100%;height:auto;
    gap:1em;
    border:3px solid red; 
}

.main-subcontent {
    display: flex;justify-content: center;align-items:center;flex-wrap: wrap;flex-direction: row;
    /* margin:1em; */
    width:auto ;
    height:auto;
    cursor: pointer;
    border:3px solid white; 
}

.wrap__hamburger-button {
    display: flex;justify-content: center;align-items:center;flex-direction: row;flex-wrap: wrap;
    padding: 0;
    margin-right: 0.3em;
    transition: 0.6s;
    min-width: auto;
    max-width: auto;
    height: auto;
    background: linear-gradient(45deg, rgba(4, 200, 254, 0.8), rgba(46, 4, 254, 0.8), rgba(4, 4, 254, 0.8), rgba(4, 200, 254, 0.8));
    color: #fff; 
    outline: none;
    border:3px solid lime;
    border-radius: 10px;
}
.wrap__hamburger-button:hover { 
    transition: 0.6s;
    background: linear-gradient(45deg, rgba(4, 200, 254, 0.8), rgba(46, 4, 254, 0.8), rgba(4, 4, 254, 0.8), rgba(4, 200, 254, 0.8));
    color: #fff;
    box-shadow: 1px 1px 9px 9px rgb(248, 246, 247); 
    /* border:2px solid lime; */
}

.second__hamburger-button {
    display: flex;justify-content: center;align-items:baseline;flex-direction: row;flex-wrap: wrap;
    flex: 1;
    padding:0;
    width: auto;
    height: auto;
    outline: none;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(45deg, rgba(4, 200, 254, 0.8), rgba(46, 4, 254, 0.8), rgba(4, 4, 254, 0.8), rgba(4, 200, 254, 0.8));
    border:none;
    border-radius: 10px;
}

.descr__wrapper-merc {
    display: flex;justify-content: center;align-items:flex-start;flex-direction:column;flex-wrap: wrap;
    flex: 1;
    width: auto;
    height: 100%;
    padding: 2px;
    /* border:3px solid green; */
    border-radius: 10px;
}


.wpb__wrapper-merc {
    display: flex;justify-content:center;align-items:center;flex-direction: row;flex-wrap: wrap;
    padding: 0;
    margin: auto 0;
    outline: none;
    border: none;
    /* border:3px solid orange; */
    border-radius: 10px;
}

.text__wrapper-merc {
    display: flex;justify-content: center;align-items:center;flex-direction:row;flex-wrap:wrap;
    padding-left: 5px;
    padding-right: 5px;
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    font-weight: bold;
    width: auto;
    height: auto;
    color: #fff;
    /* border:3px solid rgb(233, 158, 7); */
}

.text__anchor-merc {
    display: flex;align-self:flex-start;
    font-size: clamp(0.7rem, 1.2vw, 1rem);
    margin-left: 2vh;
    cursor: pointer;
    color: #fff;
}

.wpb__wrapper-ford {
    display: flex;justify-content: center;align-items:center;flex-direction: column;flex-wrap: wrap;
    flex: 1;
   width:auto;
    padding: 0;
    margin: auto 0;
    outline: none;
   border: none;
   border-radius: 10px;
    /* border:2px solid orange;*/
} 

.img__wrapper-pdf {
    position:relative;
    display: flex;
    width: clamp(16vmax, 18vmax, 12vmax);
    height: auto;
    padding: 0;
    outline: none;
    border-radius: 8px;
    /* border:2px solid black; */
}

.text__wrapper-ford {
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    font-weight: bold;
    padding: 4px;
    min-width: auto;
    max-width: 22vmax;
    /* border:2px solid green; */
}

.wpb__wrapper-pdf {
   display: flex;justify-content: center;align-items:center;flex-direction: row;flex-wrap: wrap;
   font-size: clamp(0.7rem, 1.2vw, 1rem);
   padding-top:2px;
   min-width: auto;
   max-width: 8vmax;
}